今天來把首頁的 UI 改成我草稿畫成的樣子,首先還是先測試一下是不是改了程式碼,手機上就會同步更改。
簡單的用標題的文字來測試看看,隨便打了出現在腦海中的一句話😂
我想要先把所有功能的區塊都放在首頁上,根據後續製作情形或使用情境修改排列順序或功能。
我先新增了一個格子背景區塊,想在這裡做一些小動畫,讓用戶新增的貼圖或顏文字能在這裡漂浮顯示。
然後我把相簿跟收藏靈感分成兩個區塊,我希望相簿可以跟手機照片 App 的相簿一樣,可以滑動檢視不同相簿,也可以新增相簿,幫相簿命名加 icon 之類的,因為我想要讓大家可以至少先跨出整理照片發文的第一步,先把所有考慮的照片都丟進相簿裡面,然後可以再慢慢的整理,至少先建立了相簿,就像有記備忘錄跟提醒事項一樣,之後改絕也可以新增個提醒功能。
最後我把原本的「之前編輯照片」區域刪除,新增了收藏歌曲的區塊,但這裡我還沒想到怎麼放比較好,等後續自己編輯跟使用的過程再進行修改。
下一篇想要把每個區塊點進去會連結的頁面都先建立出來,等整個雛型都做好後想要把App的風格大改造一下,希望可以當大家整理照片跟編輯照片的好助手,想要一個小精靈小夥伴古靈精怪的感覺🧚♀️